彈窗資訊設計 Writing Great Alerts (模式)
警告可以有效解決問題,幫助使用者順利使用應用,從而避免使用者困惑、沮喪或解除安裝應用,進而提升應用評分。
警告的作用與適用場景
/1.jpg)
/13.jpg)
應做的事項
糾正錯誤(如輸入錯誤)。
/2.jpg)
請求使用者資料訪問許可權(如聯絡人、位置)。
/3.jpg)
通知使用者重大更新(如新功能釋出或安全修復)。這裡一定要保證是對使用者有利且不可繞過的提示。
/4.jpg)
不應做的事項
警告具有中斷性,謹慎使用:
/5.jpg)
警告是打斷使用者操作的,因此必須慎重使用。在使用警告之前,應問自己內容是否緊急且必要,如果答案是否定的,就不應打斷使用者。
內容應簡明扼要:警告應當簡短,避擴音供過多選項或長篇大論。
/8.jpg)
不要提供複雜的選項
/9.jpg)
不要重複其他UI元素的任務:如果內容複雜,建議使用更大的UI元素,而非警告。
/10.jpg)
不要利用警告暴露技術資料(如錯誤程式碼),不要使用警告來彌補可以預防的問題,如密碼規則應提前說明,而非事後提醒。
/11.jpg)
編寫有效警告的指南
標題:標題應簡明扼要,不超過一句話,點明問題所在。
內容:內容應簡潔說明問題或請求的原因,並提供清晰的操作選項。
操作:提供使用者易於理解和執行的選項。如果需要引導使用者退出應用,確保提供明確的導航指示。
保證使用者掃一眼就能獲取以下資訊:怎麼回事?為什麼出現?如何根據已知條件來操作?
/18.jpg)
/19.jpg)
實際案例
原始警告資訊:
標題:無法開啟此檔案("App name" cannot open this file.)
問題:標題雖準確,但缺乏具體資訊,如檔名,使用者可能同時處理多個檔案,容易引發混淆。
內容:您可能需要下載應用的最新更新。是否訪問“應用名稱”網站以獲取更多資訊和故障排除提示?
問題:內容含糊不清,可能導致多種結果,且文字過多。
操作選項:否/是
問題:操作選項不明確,使用者需要返回並閱讀長篇內容才能理解含義。
/20.jpg)
最佳化後的警告資訊:
標題:無法開啟檔案“[檔名]”
改進:明確提到具體檔名,幫助使用者快速識別問題所在。
內容:請更新至應用的最新版本以解決問題。
改進:簡化內容,減少文字量,使指示更加明確。
操作選項:
選項1:更新應用
選項2:取消操作
改進:提供清晰、可執行的選項,使用者一目瞭然操作後果。
/23.jpg)
原始警告資訊:
標題:取消下載?
問題:標題雖明確提出了問題,但缺乏具體性,使用者可能不清楚具體指的是哪個檔案。
內容:如果您現在取消,您將不會收到此檔案。
問題:雖然說明了後果,但資訊過於簡單,未具體說明哪個檔案。
操作選項:取消?確定。
問題:操作選項“取消”和“確定”可能引發混淆,使用者不清楚具體操作會產生什麼結果。
/26.jpg)
最佳化後的警告資訊:
標題:取消下載檔案“[檔名]”?
改進:明確指出要取消下載的具體檔案,消除使用者的疑惑。
內容:如果您現在取消,檔案“[檔名]”將不會下載完成。您確定要取消嗎?
改進:詳細描述取消下載的後果,明確指出涉及的檔案,幫助使用者做出明智決定。
操作選項:
選項1:繼續下載
選項2:取消下載
改進:透過具體明確的選項,使用者能夠清楚地理解每個選項的結果,減少誤操作的風險。
/29.jpg)
風格與質量:
避免空話、術語或填充詞:確保每個詞語都有效傳達資訊,避免無關的內容佔用空間。
使用正確的格式、拼寫和標點:雖然是基本要求,但正確的格式和標點能顯著提升警告資訊的專業性和可讀性。
考慮目標受眾:根據使用者群體(如醫療專業人士、特殊需求學生等)的不同調整語言風格,確保資訊傳遞有效且符合使用者預期。
/35.jpg)